<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧园区可视化平台</title>
    <link rel="stylesheet" href="css/base.css">

</head>

<body>
    <div class="main_wrapper">
        <div class="main_top">
            <p class="top_left">智慧园区可视化平台</p>
            <ul>
                <li>营区态势</li>
                <li>出入管理</li>
                <li>监控点位</li>
                <li>能耗管理</li>
                <li>配置中心</li>
            </ul>
            <div class="user">
                <span>Admin</span>
            </div>
            <div id="time"></div>

        </div>
        <div class="main">
            <div class="main_left">
                <div class="ml_top">
                    <div class="mlt_left">
                        <p>
                            当日能耗
                        </p>

                        <span>Kwh</span>

                    </div>
                    <div class="mlt_right">
                        <div class="num1">
                            <span>4</span>
                        </div>
                        <div class="num2">
                            <span>8</span>
                        </div>
                        <div class="num3">
                            <span>7</span>
                        </div>
                        <div class="num4">
                            <span>3</span>
                        </div>
                        <div id="num5">
                        </div>
                    </div>
                    <img src="images/bc1.png" alt="">
                </div>
                <div id="main" style="width: 525px;height:400px;"></div>
            </div>
        </div>
    </div>

</body>

<script src="js/echarts.main.js"></script>
<script src="js/main.js"></script>

</html>